<template>
  <div class="head">
    <span>推荐</span>
    <p>
      上新了小米&nbsp;&nbsp;&nbsp;小米智能生活
      <img src="../../assets/imgs/msg.png" alt />
    </p>
    <span>
      <img src="../../assets/imgs/my.png" alt />
    </span>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.head {
  display: flex;
  align-items: center;
  background: white;
  p{
      display: flex;
      align-items: center;
      flex: 1;
      justify-content: space-between;
      color: #3c3c3c;
      font-weight: 600;
      margin-left: 15px;
      img{
          width: 35px;
          height: 35px;
      }
  }
  span {
      width: 55px;
      color: #ff6700;
      font-weight: 600;
      line-height: 1;
      &:last-child{
          text-align: right;
      }
    img {
      width: 23px;
      height: 23px;
    }
  }
}
</style>